main {
  width: 100%;
}

.mainContainer {
  height: 905px;
}

.hotelInfo {
  margin-top: 31px;
  width: 305px;
}

.cover {
  width: 305px;
  height: 234px;
  margin-bottom: 23px;
}

.hotelName {
  font-family: HiraginoSansGB-W6;
  font-size: 16px;
  color: #3e3e3e;
  line-height: 18px;
  margin-bottom: 9px;
  font-weight: bold;
}

.hotelAddress {
  font-size: 13px;
  color: #3e3e3e;
  margin-bottom: 15px;
}

.contact {
  font-family: HiraginoSansGB-W3;
  font-size: 14px;
  color: #3e3e3e;
  margin-bottom: 9px;
}

.roomInfo {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding-top: 13.5px;
}

.roomName {
  font-family: HiraginoSansGB-W6;
  font-size: 14px;
  color: #3e3e3e;
  line-height: 21px;
  margin-bottom: 13.5px;
}

.roomInfo p {
  font-size: 14px;
  color: #3e3e3e;
  margin-bottom: 9px;
}

.inputContainer {
  margin-bottom: 14px;
}

.inputContainer input {
  font-size: 14px;
  color: #3e3e3e;
  width: 180px;
  height: 34px;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

#fromTime,
#toTime {
  width: 215px;
  padding-left: 12px;
}

.numOpt {
  right: 1px;
  top: 1px;
}

.numOpt img {
  background: #fff;
  width: 14px;
  height: 14px;
  padding: 10px;
  border-left: 1px solid #c0ccda;
}

.orderInfo {
  margin-top: 31px;
  width: 691px;
  background: #ffffff;
  padding: 0 0 28px 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12), 0 6px 6px 0 rgba(0, 0, 0, 0.18);
}

.title {
  font-size: 16px;
  color: #3e3e3e;
  line-height: 24px;
  font-weight: bold;
  margin: 24px 0 25px;
}

.roomType {
  font-size: 14px;
  color: #3e3e3e;
  margin-bottom: 10px;
}

.orderInfo span,
.orderInfo h2 {
  font-size: 14px;
  color: #3e3e3e;
  line-height: 32px;
}

.must {
  float: left;
  width: 32px;
  height: 32px;
  background: url("../images/icon_must.png") no-repeat 10px 10px;
}

.bookInfo,
.goSubmit,
.costomerInfo {
  padding: 0 22px;
}

.goSubmit {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding-top: 19px;
}

.costomerInfo {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.totalPrice {
  font-size: 18px;
  color: #fc4209;
  line-height: 21px;
  font-weight: bold;
}

.submit {
  margin-top: 25px;
  cursor: pointer;
  background: #5944c3;
  border-radius: 3px;
  width: 113px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #ffffff;
}

.dayDiv {
  right: 0;
  top: 3px;
}

.dayDiv::after {
  content: "";
  background: url(../images/icon_day.png);
  display: inline-block;
  width: 19px;
  height: 19px;
  position: relative;
  margin: 0 4px;
  top: 3px;
}
